import React from 'react';
import OptionBarBtn from '../../../components/option-bar-btn/OptionBarBtn';

interface Props {
}

interface State {
}

export default class ParagraphOptionBar extends React.Component<Props, State> {
    constructor(props: Props) {
        super(props);
    };

    public readonly state: Readonly<State> = {
    };

    render() {
        return (
            <div className='edit-page-option-row-item flex-col' style={{ width: '204px', paddingLeft: '10px' }}>
                <div className='edit-page-option-row-half text-edit-row-1 flex-row'>
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-wuxubiaoge' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-youxubiaoge' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-zengjiatuijin' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-jianshaotuijin' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-fensanduiqi' />}
                        size={'small'}
                    />
                </div>
                <div className='edit-page-option-row-half text-edit-row-1 flex-row'>
                    <OptionBarBtn
                        icon={<i className='iconfont-1 ghzs-gray-juzuoduiqi' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont-1 ghzs-gray-juzhongduiqi' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont-1 ghzs-gray-juyouduiqi' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont-1 ghzs-gray-liangduanduiqi' />}
                        size={'small'}
                    />
                    <OptionBarBtn
                        icon={<i className='iconfont ghzs-color-hanggao' />}
                        size={'small'}
                    />
                </div>
            </div>
        )
    }
}